<template>
	<!-- 20230425 -->
	<view class="bar-attach-cn">
		<!-- 组件内容 -->
		<view class="cn-content">
			<view class="padding-lr-30 line-height-80 flex align-center bg-main-light" v-if="list"
				@click="attach_layer_show = !attach_layer_show">
				<text class="text-24 text-main text-bold">保障</text>
				<view class="margin-left-45 flex-one text-cut-one">
					<block v-for="(item,index) in list" :key="index">
						<text class="margin-lr-15 text-24 text-main" v-if="index > 0">•</text>
						<text class="text-24 text-main">{{item.name}}</text>
					</block>
				</view>
				<text class="tyIcon-arrow-right text-18 text-80"></text>
			</view>
		</view>

		<!-- 组件浮层 -->
		<view class="cn-layer">
			
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			list: { //
				type: Array,
				default: []
			}
		},
		data() {
			return {
				attach_layer_show: false
			}
		},
		methods: {

		}
	}
</script>

<style scoped>
	/* page{
		touch-action: none;
	} */
</style>
